//饼图
/*var pielData=[
            {value:335, name:'银行'},
            {value:310, name:'证券'},
            {value:234, name:'基金'},
            {value:234, name:'互联网金融'}
      ]

var legendDataL=function(data){
	var arr=[];
	for(var i=0;i<data.length;i++){
		arr.push(data[i].name)
	}
	return arr
}
pieOptionL = {
	color : ["#09e24b","#09e2cb","#09a7e2","#fce24f","#b8ff2e", "#68059c","#0841b6","#9c0550"],
    title : {
    		show:false,
        text: '某站点用户访问来源',
        subtext: '纯属虚构',
        x:'center'
    },
    tooltip : {
        trigger: 'item',
        confine: true,
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    legend: {
        orient: 'horizontal',
        left: 'center',
        bottom:'15',
        textStyle:{
        	color: '#fff'
        },
        data: legendDataL(pielData)
    },
    series : [
        {
            name: '网站数量',
            type: 'pie',
            radius : ['40%','55%'],
            center: ['50%', '40%'],
            data:pielData,
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};

var pieChart = echarts.init(document.getElementById('ec_pie_nd'))
pieChart.setOption(pieOptionL);*/


//折线图
var timeData1= ['20180301','20180302','20180303','20180304','20180305','20180306','20180307','20180308','20180309','20180310','20180311','20180312','20180313','20180314','20180315','20180316','20180317','20180318','20180319']
var nameData=['点融网','翼龙贷','恒易融','爱钱进','积木盒子','你我贷','拍拍贷','小赢理财','宜人贷','有利网']
var data1=[{
		name:'点融网',
		data:[41.0077,78.6347,60.19 ,74.20 ,58.32 ,77.46 ,73.08 ,73.53 ,37.12 ,41.37 ,43.23 ,71.10 ,61.40 ,56.99 ,21.20 ,50.31 ,63.66 ,70.44 ,115.58]
	},{
		name:'翼龙贷',
		data:[16.4779,35.8813,35.76 ,34.51 ,36.45 ,21.66 ,19.25 ,34.93 ,30.54 ,39.51 ,92.19 ,64.22 ,31.89 ,31.76 ,57.55 ,58.00 ,82.31 ,66.41 ,58.59]
	},{
		name:'恒易融',
		data:[1.4384,8.2953,7.85 ,9.13 ,3.60 ,1.34 ,0.99 ,8.75 ,11.72 ,194.31 ,60.84 ,61.92 ,2.20 ,1.96 ,13.30 ,9.10 ,8.44 ,15.32 ,2.97]
	},{
		name:'爱钱进',
		data:[694.8634,2013.1055,1819.73 ,1141.00 ,2357.05 ,1282.05 ,1122.15 ,1702.05 ,2210.37 ,1453.89 ,1920.04 ,1856.23 ,2338.89 ,1818.83 ,3063.14 ,1940.67 ,1147.32 ,1522.60 ,2261.15]
	},{
		name:'积木盒子',
		data:[11.3914,13.8048,27.76 ,26.74 ,16.10 ,17.92 ,14.48 ,16.02 ,64.65 ,61.46 ,8.55 ,19.51 ,72.42 ,154.40 ,169.42 ,148.25 ,86.54 ,46.68 ,50.99]
	},{
		name:'你我贷',
		data:[449.646,755.7114,618.49 ,645.74 ,998.62 ,553.35 ,160.23 ,483.87 ,196.96 ,561.12 ,795.21 ,928.70 ,366.26 ,959.99 ,1064.77 ,408.62 ,4340.47 ,961.37 ,993.97]
	},{
		name:'拍拍贷',
		data:[1827.924,2072.0068,1757.30 ,2092.07 ,2133.22 ,1692.46 ,1166.29 ,1714.80 ,1621.70 ,1531.21 ,1766.23 ,2277.46 ,1242.52 ,1714.88 ,2002.86 ,1684.28 ,2124.33 ,1891.14 ,3624.58]
	},{
		name:'人人贷',
		data:[880.4118,897.7543,1406.81 ,437.64 ,1938.65 ,3394.70 ,203.62 ,1154.42 ,1167.15 ,857.04 ,768.99 ,1294.43 ,1002.46 ,1080.07 ,1338.67 ,1594.13 ,1263.54 ,731.63 ,1560.72]
	},{
		name:'小赢理财',
		data:[0.1121,0.7932,0.92 ,0.46 ,42.61 ,0.30 ,0.27 ,1.14 ,1.15 ,4.44 ,344.67 ,1.02 ,0.75 ,0.76 ,1.92 ,2.99 ,0.94 ,4.06 ,4.80]
	},{
		name:'宜人贷',
		data:[119.5429,276.1007,208.42 ,300.09 ,112.70 ,202.69 ,111.58 ,201.40 ,152.81 ,254.30 ,142.27 ,233.44 ,97.18 ,219.42 ,161.77 ,252.29 ,141.78 ,200.69 ,117.52]
	},{
		name:'有利网',
		data:[134.3762,248.1617,332.90 ,376.42 ,324.48 ,263.62 ,203.43 ,372.08 ,286.60 ,300.52 ,437.89 ,518.76 ,392.98 ,307.46 ,426.33 ,498.29 ,573.11 ,553.04 ,338.30]
	}
	
]
var color = ["#856cff","#c700ce","#db1500","#e25e00","#f2fd58","#01c401", "#00989d", "#219eff"]
function lineOption(timeData,data){
	var series=[]
	for(var i=0;i<data.length;i++){
		series.push({
			color:color[i%color.length],
			name:data[i].name,
      type:'line',
      symbol:'circle',
      trigger:'axis',
      stack: '总量',
      barWidth:'50%',
      smooth: 'true',
      data:data[i].data
		})
	}
	var lineOption = {
				
				legend: [],
		    tooltip : {
		        trigger: 'axis',
		        /*backgroundColor: 'rgba(22,189,7,0.3)',
		        borderWidth: 1,
		        borderColor: 'rgba(22,189,7,0.8)',
		        textStyle: {
		            color: '#16d804'
		        },*/
		    },
		    grid: {
		        top:'15%',
		        left: '3%',
		        right: '3%',
		        bottom: '3%',
		        containLabel: true
		    },
		    xAxis: {
		        boundaryGap : false,
		        type: 'category',
		        splitLine:{    //grid区域分隔线
		            show:true,
		            lineStyle: {
		                width:1,
		                type:"dashed",
		                color:"#48484a"
		            }
		        },
		        axisLabel: {  //坐标轴标签
		            show: true,
		            textStyle: {
		                color: '#0d7790'
		            },
		            //rotate : 45,
		        },
		        axisTick: {
		            show: false   //刻度线
		        },
		        axisLine:{
		            show: true,   //坐标轴轴线
		            lineStyle: {
		                width:1,
		                color:"#fff"
		            }
		        },
		        data : timeData
		    },
		    yAxis : {
		    	name : '单位/万',
		        splitLine:{    //grid区域分隔线
		            show:true,
		            lineStyle: {
		                width:1,
		                type:"dashed",
		                color:"#1a1a1b"
		            }
		        },
		        axisTick: {
		            show: false   //刻度线
		        },
		        axisLine: {
		            show: true ,  //坐标轴轴线
		            lineStyle: {
		                width:1,
		                color:"#fff"
		            }
		        },
		        axisLabel: {  //坐标轴标签
		            show: true
		        },
		    },
		    series :series
		};
	return lineOption
}
var lineChart = echarts.init(document.getElementById("ec_line_nd"))
lineChart.setOption(lineOption(timeData1,data1))

function lineEvt1(timeData,data1,ele){
	var lineOption = {
				color : ["#0ea4e3","#0edf4d"],
		    tooltip : {
		        trigger: 'item',
//		        backgroundColor: 'rgba(22,189,7,0.3)',
//		        borderWidth: 1,
//		        borderColor: 'rgba(22,189,7,0.8)',
//		        textStyle: {
//		            color: '#16d804'
//		        },
		    },
		    grid: {
		        top:'8%',
		        left: '3%',
		        right: '3%',
		        bottom: '3%',
		        containLabel: true
		    },
		    xAxis: {
//		        boundaryGap : false,
		        type: 'category',
		        splitLine:{    //grid区域分隔线
		            show:true,
		            lineStyle: {
		                width:1,
		                type:"dashed",
		                color:"#48484a"
		            }
		        },
		        axisLabel: {  //坐标轴标签
		            show: true,
		            textStyle: {
		                color: '#0d7790'
		            },
		            rotate : 45,
		        },
		        axisTick: {
		            show: false   //刻度线
		        },
		        axisLine:{
		            show: true,   //坐标轴轴线
		            lineStyle: {
		                width:1,
		                color:"#fff"
		            }
		        },
		        data : timeData
		    },
		    yAxis : {
		        splitLine:{    //grid区域分隔线
		            show:true,
		            lineStyle: {
		                width:1,
		                type:"dashed",
		                color:"#1a1a1b"
		            }
		        },
		        axisTick: {
		            show: false   //刻度线
		        },
		        axisLine: {
		            show: true ,  //坐标轴轴线
		            lineStyle: {
		                width:1,
		                color:"#fff"
		            }
		        },
		        axisLabel: {  //坐标轴标签
		            show: true
		        },
		    },
		    series : [
		        {
		            name:'数量',
		            type:'bar',
		            symbol:'none',  //这句就是去掉点的
		            stack: '总量',
		            barWidth: '50%',
		            smooth: 'true',
		            itemStyle: { normal: {
//		                color:'#20fd07',
		            }},
		            lineStyle: { normal: {
		                color:'#20fd07',
		            }},
		            areaStyle: {
		                normal: {
//		                    color:'#20fd07',
		                    opacity: 0.08
		                }
		            },
		            data:data1
		        }
		    ]
		};
		var lineChart = echarts.init(document.getElementById(ele))
		lineChart.setOption(lineOption);
		window.addEventListener("resize", function () {
		    lineChart.resize();
		});
}
var timeData2= ['广东','山东','北京','四川','福建','上海','天津','重庆','浙江','湖北']
var data2=[50545,44845,44374,31944,25583,19530,17139,15062,14932,14564]
lineEvt1(timeData2,data2,"ec_bar_nd")


//地图

	//var color = ['#a6c84c', '#ffa022', '#46bee9'];
	
//var provinces = {
//  '上海': './echarts/mapJson/data-1482909900836-H1BC_1WHg.json',
//  '河北': './echarts/mapJson/data-1482909799572-Hkgu_yWSg.json',
//  '山西': './echarts/mapJson/data-1482909909703-SyCA_JbSg.json',
//  '内蒙古': './echarts/mapJson/data-1482909841923-rkqqdyZSe.json',
//  '辽宁': './echarts/mapJson/data-1482909836074-rJV9O1-Hg.json',
//  '吉林': './echarts/mapJson/data-1482909832739-rJ-cdy-Hx.json',
//  '黑龙江': './echarts/mapJson/data-1482909803892-Hy4__J-Sx.json',
//  '江苏': './echarts/mapJson/data-1482909823260-HkDtOJZBx.json',
//  '浙江': './echarts/mapJson/data-1482909960637-rkZMYkZBx.json',
//  '安徽': './echarts/mapJson/data-1482909768458-HJlU_yWBe.json',
//  '福建': './echarts/mapJson/data-1478782908884-B1H6yezWe.json',
//  '江西': './echarts/mapJson/data-1482909827542-r12YOJWHe.json',
//  '山东': './echarts/mapJson/data-1482909892121-BJ3auk-Se.json',
//  '河南': './echarts/mapJson/data-1482909807135-SJPudkWre.json',
//  '湖北': './echarts/mapJson/data-1482909813213-Hy6u_kbrl.json',
//  '湖南': './echarts/mapJson/data-1482909818685-H17FOkZSl.json',
//  '广东': './echarts/mapJson/data-1482909784051-BJgwuy-Sl.json',
//  '广西': './echarts/mapJson/data-1482909787648-SyEPuJbSg.json',
//  '海南': './echarts/mapJson/data-1482909796480-H12P_J-Bg.json',
//  '四川': './echarts/mapJson/data-1482909931094-H17eKk-rg.json',
//  '贵州': './echarts/mapJson/data-1482909791334-Bkwvd1bBe.json',
//  '云南': './echarts/mapJson/data-1482909957601-HkA-FyWSx.json',
//  '西藏': './echarts/mapJson/data-1482927407942-SkOV6Qbrl.json',
//  '陕西': './echarts/mapJson/data-1482909918961-BJw1FyZHg.json',
//  '甘肃': './echarts/mapJson/data-1482909780863-r1aIdyWHl.json',
//  '青海': './echarts/mapJson/data-1482909853618-B1IiOyZSl.json',
//  '宁夏': './echarts/mapJson/data-1482909848690-HJWiuy-Bg.json',
//  '新疆': './echarts/mapJson/data-1482909952731-B1YZKkbBx.json',
//  '北京': './echarts/mapJson/data-1482818963027-Hko9SKJrg.json',
//  '天津': './echarts/mapJson/data-1482909944620-r1-WKyWHg.json',
//  '重庆': './echarts/mapJson/data-1482909775470-HJDIdk-Se.json',
//  '香港': './echarts/mapJson/data-1461584707906-r1hSmtsx.json',
//  '澳门': './echarts/mapJson/data-1482909771696-ByVIdJWBx.json'
//};	
var geoCoordMap={}
var mapFeatures = echarts.getMap('china').geoJson.features;
mapFeatures.forEach(function(v) {
    // 地区名称
    var name = v.properties.name;
    // 地区经纬度
    geoCoordMap[name] = v.properties.cp;
});

var convertData = function (data) {
    var res = [];
    for (var i = 0; i < data.length; i++) {
        var geoCoord = geoCoordMap[data[i].name];
        if (geoCoord) {
            res.push({
                name: data[i].name,
                value: geoCoord.concat(data[i].value)
            });
        }
    }
    return res;
};
var mapData=[
	{name:'广东',value:50545},
	{name:'山东',value:44845},
	{name:'北京',value:44374},
	{name:'四川',value:31944},
	{name:'福建',value:25583},
	{name:'上海',value:19530},
	{name:'天津',value:17139},
	{name:'重庆',value:15062},
	{name:'湖北',value:14564},
	{name:'江苏',value:14223},
	{name:'云南',value:13674},
	{name:'湖南',value:11023},
	{name:'广西',value:7343},
	{name:'浙江',value:7176},
	{name:'安徽',value:6503},
	{name:'陕西',value:6237},
	{name:'河北',value:6035},
	{name:'河南',value:3237},
	{name:'江西',value:2211},
	{name:'辽宁',value:2203},
	{name:'甘肃',value:1931},
	{name:'新疆',value:1716},
	{name:'黑龙江',value:1467},
	{name:'吉林',value:1433},
	{name:'贵州',value:852},
	{name:'山西',value:739},
	{name:'海南',value:650},
	{name:'宁夏',value:230},
	{name:'内蒙古',value:92},
	{name:'青海',value:81},
	{name:'西藏',value:67},
	{name: '台湾',value: 0 },
	{name: '香港',value: 0 },
	{name: '澳门',value: 0 }
]
	
var optionMap = {
	tooltip: {
		trigger: 'item',
		formatter:function(param){
//			console.log(param)
			return '<div>'+param.name+'</div>'+
			       '<div>网站数：'+param.data.value[2]+'</div>';
		}
	},
	geo: {
		show: true,
		zoom: 1.2,
		roam: false,
		map: 'china',
		itemStyle: {
			normal: {
				show: false,
				borderColor: '#285ac6',
				borderWidth: 1,
				areaColor: '#123082',
				shadowBlur: 3,
				shadowColor: '#081435',
				shadowOffsetX: -4,
				shadowOffsetY: 8
			},
			emphasis: {
				areaColor: '#fce24f',
				borderColor: '#fce24f'
			}
		}
	},
	series: [{
				type: 'map',
					zoom: 1.2,
					mapType: 'china',
					//		geoIndex: 0,
					roam: false,
					label: {
						normal: {
							show: false,
							textStyle: {
								color: '#fff'
							}
						},
						emphasis: {
							show: true,
							textStyle: {
								color: '#fff'
							}
						}
					},
					itemStyle: {
						normal: {
							show: false,
							borderColor: '#3770ea',
							borderWidth: 1,
							areaColor: '#0f2d87'
						},
						emphasis: {
							areaColor: '#2a56bd',
							borderColor: '#2a56bd',
							//				opacity: 0.8,
						}
					},
				data:convertData(mapData)
			},{
			 	name: 'Top 5',
	      type: 'effectScatter',
	      zlevel: 1,
	      coordinateSystem: 'geo',
	      symbolSize: function (val) {
	          return val[2]/50545*15+5
	      },
	      showEffectOn: 'render',
	      rippleEffect: {
	          brushType: 'stroke'
	      },
	      hoverAnimation: true,
	      label: {
	          normal: {
	//            formatter: '{b}',
			        position: 'right',
			        show: false
	          }
	      },
	      itemStyle: {
	          normal: {
	              color: '#f4e925',
	              shadowBlur: 10,
	              shadowColor: '#333'
	          }
	      },
	//    data: convertData(mapData)
				data:convertData(mapData.sort(function(a,b){
					return b.value-a.value
				}).slice(0,5))
			},{
			 	name: 'Top 5',
	      type: 'scatter',
	      zlevel: 1,
	      coordinateSystem: 'geo',
	      symbolSize: function (val) {
	//        return val*4+8;
					return val[2]/50545*15+5
	      },
	      showEffectOn: 'render',
	      rippleEffect: {
	          brushType: 'stroke'
	      },
	      hoverAnimation: true,
	      label: {
	          normal: {
	//            formatter: '{b}',
			        position: 'right',
			        show: false
	          }
	      },
	      itemStyle: {
	          normal: {
	              color: '#f4e925',
	              shadowBlur: 10,
	              shadowColor: '#333'
	          }
	      },
	//    data: convertData(mapData)
				data:convertData(mapData.sort(function (a, b) {
	          return b.value - a.value;
	      }).slice(5))
			}]
};

var mapChart = echarts.init(document.getElementById('ec_map_nd'))
mapChart.setOption(optionMap)
//地图点击跳转

//mapChart.on('click',function(params){
//	console.log($(".home"))
//	$(".map_open").show();
//	$(".map_close").addClass('zoomIn animated')
//	$(".map_open iframe").removeClass('zoomOut animated').addClass("zoomIn animated");
//})
//$(".map_close").click(function(){
//	$(".map_open").fadeOut();
//	$(".map_open iframe").removeClass('zoomIn animated').addClass("zoomOut animated");
//})
//mapChart.on('click',function(param){
////	console.log(param)
//	var selectedProvince = param.name;
////	console.log(selectedProvince)
////	if(param.seriesName==='选择器'){
////		console.log(selectedProvince)
////	}
//	if(param.seriesName==='选择器'){
//		optionMap.series[0].mapType ='china';
//		mapChart.setOption(optionMap, true);
//	}
//	$.get(provinces[selectedProvince], function(geoJson) {
//		echarts.registerMap(selectedProvince, geoJson);
////		console.log(selectedProvince)
//		optionMap.series[0].mapType =selectedProvince;
//		console.log(selectedProvince)
//		optionMap.series[1].data=[{name:selectedProvince,selected:true}],
//		optionMap.series[1].roam=false
//		mapChart.setOption(optionMap, true);
//	});
//})

//柱状图
/*var timeData= ['厦门诚创网络','四川电信','广东移动','北京联通','山东电信','天津联通','北京移动','重庆联通','山东联通','福建电信']
var data1=[20291,17319,15882,11750,10356,9769,7773,7593,6881,6489]
var data2=[120, 182, 301, 234, 190, 150, 110, 202, 201, 364]
var barOption = {
    color : ["#0ea4e3","#0edf4d"],
    tooltip : {
//      trigger: 'axis',
    },
    grid: {
        top:20,
        left: '0%',
        right: '3%',
        bottom: 20,
        containLabel: true
    },
    xAxis: {
//      boundaryGap : false,
        type: 'category',
        splitLine:{    //grid区域分隔线
            show:false,
            lineStyle: {
                width:1,
                type:"solid",
                color:"#2a3f7e"
            }
        },
        axisLabel: {  //坐标轴标签
            show: true,
            interval:false,
            rotate: 30,
            textStyle: {
                color: '#c0d4da'
            }
        },
        axisTick: {
            show: true,   //刻度线
            color:"#c0d4da"
        },
        axisLine:{
            show: true,   //坐标轴轴线
            lineStyle: {
                width:1,
                color:"#c0d4da"
            }
        },
        data : timeData
    },
    yAxis : {
        splitLine:{    //grid区域分隔线
            show:true,
            lineStyle: {
                width:1,
                type:"solid",
                color:"#2a3f7e"
            }
        },
        axisTick: {
            show: true   //刻度线
        },
        axisLine: {
            show: true ,  //坐标轴轴线
            lineStyle: {
                width:1,
                color:"#c0d4da"
            }
        },
        axisLabel: {  //坐标轴标签
            show: true,
            textStyle: {
                    color: '#c0d4da'
                }
        },
    },
    series : [
        {
            name:'网站数量',
            type:'bar',
            barWidth:'50%',
            symbol:'none',  //这句就是去掉点的
            lineStyle: { normal: {
                color:'#1de5f2',
            }},
            areaStyle: {
                normal: {
                    color:'#1de5f2',
                    opacity: 0.2
                }
            },
            data:data1
        }
    ]
	}

var barChart = echarts.init(document.getElementById('rightBar'))
barChart.setOption(barOption);*/

ranklistRight1Data();
ranklistRight2Data();

function ranklistRight1Data(){
	var ranklistRight1 = $('#ranklistRight1');
	ranklistRight1.empty();
	var datas = [
		['东方财富网：中国财经','dfcfw.com',20158.7],
		['和讯网','hexun.com',18159.4],
		['中证网－中国权威的证券财经资讯网站','cs.com.cn',17041.58],
		['你我贷，安全透明灵活','niwodai.com',3661.6],
		['中金在线首页：财经','cnfol.com',3129.96],
		['中国民生银行','cmbc.com.cn',2688.39],
		['兴业银行欢迎您','cib.com.cn',2210.88],
		['中国平安保险集团提供','pingan.com',2165.06],
		['大智慧—炒股软件平台','gw.com.cn',1803.69],
		['首页-广发银行','cgbchina.com.cn',1363.74]
	];
	var str = "<table class='tab_content'>";
	for(var i = 0 ; i < datas.length ; i++){
		str +="<tr>"+
		"<td style='width:50px;'>"+(i+1)+"</td>"+
    	"<td title='"+datas[i][0]+"'>"+datas[i][0]+"</td>"+
    	"<td title='"+datas[i][1]+"'>"+datas[i][1]+"</td>"+
    	"<td title='"+datas[i][2]+"'>"+datas[i][2]+"</td>"+
    	"</tr>"
	}
	str +="</table>";
	ranklistRight1.append(str);
}

function ranklistRight2Data(){
	var ranklistRight2 = $('#ranklistRight2');
	ranklistRight2.empty();
	var datas = [
		['dfcfw.com','沪ICP备05006054号-11','东方财富信息股份有限公司','上海',20158.7,'上升'],
		['cmbc.com.cn','京ICP备05020372号-1','中国民生银行股份有限公司','北京',2688.39,'上升'],
		['cib.com.cn','闽ICP备05017231号-1','兴业银行股份有限公司','福建',2210.88,'下降'],
		['cgbchina.com.cn','粤ICP备05058995号-2','广发银行股份有限公司','广东',1363.74,'上升'],
		['boc.cn','京ICP备10052455号-1','中国银行股份有限公司','北京',1202.69,'下降'],
		['stcn.com','粤ICP备09109218号-7','深圳证券时报社有限公司','广东',391.34,'上升'],
		['fx678.com','沪ICP备08112083号-9','上海通乾投资股份有限公司','上海',356.93,'上升'],
		['autotimes.com.cn','蜀ICP备11016663号-1','成都广乙科技有限公司','四川',161.43,'上升'],
		['cfi.cn','鄂B2-20070034-2','武汉中财信息产业有限公司','辽宁',66.35,'上升'],
		['nbd.com.cn','沪ICP备09000473号-2','上海经闻文化传播有限公司','浙江',37.72,'上升'],
	];
	var str = "<table class='tab_content'>";
	for(var i = 0 ; i < datas.length ; i++){
		var type = datas[i][5];
		var style = '';
		if(type == '上升'){
			style = 'up';
		}else{
			style = 'down';
		}
		str +="<tr>"+
		"<td title='"+datas[i][0]+"'>"+datas[i][0]+"</td>"+
    	"<td title='"+datas[i][1]+"'>"+datas[i][1]+"</td>"+
    	"<td title='"+datas[i][2]+"'>"+datas[i][2]+"</td>"+
    	"<td title='"+datas[i][3]+"'>"+datas[i][3]+"</td>"+
    	"<td title='"+datas[i][4]+"'>"+datas[i][4]+"</td>"+
    	"<td><div class="+style+"></div></td>"+
    	"</tr>"
	}
	str +="</table>";
	ranklistRight2.append(str);
}

window.addEventListener("resize", function () {
	lineChart.resize()
//  lineChart.resize();
//  pieChart.resize();
    mapChart.resize();
//  barChart.resize();
});
